brand(trusca): 그라데이션 로고 + 단색 틸 워드마크 + 태그라인#401
Merged
Conversation
The logo mark was a solid near-black (#18181b) tile and read as plain black. Introduce TRUSCA's own brand accent — teal #0f766e — and use it as the mark tile colour (hexagon + check stay paper #fafafa), and for the 'SCA' half of the wordmark so the SCA (the SCA-tool half of the name) is emphasized. - BrandMark + all logo assets (frontend favicon, docs logo + favicon): tile fill #18181b -> #0f766e. Teal on white is 5.47:1 (WCAG AA); paper marks on teal clear AA too. - New BrandWordmark component: TRU (ink, inherits) + SCA (teal). Used in the AppShell sidebar lockup and the AuthLayout (login / register / forgot) header so the gateway and the app shell match. Sentence mentions of the name (e.g. 'Sign in to TRUSCA') stay plain — locale word order differs. - brand-trusca.md: accent recorded as teal #0f766e (was planned blue #2563eb), tile now uses the accent instead of ink; rationale noted. Logo geometry (Hex Check), wordmark text, and the W11 theme are unchanged.
…s-grade) Refines the logo per user direction (option 1 + 'Software Composition Analysis' tagline), replacing the flat-teal tile + two-tone TRU/SCA split (which read cheap): - Mark tile: flat #0f766e -> teal gradient #2dd4bf -> #0f766e (per-instance gradient id via useId); hexagon + check stay paper. Applied to BrandMark and the three SVG assets (frontend favicon, docs logo + favicon). - Wordmark: single brand-teal 'TRUSCA' (bold), dropping the mid-word colour split. Emphasis on the SCA side now comes from the tagline, not a split. - New BrandLockup: mark + wordmark + 'Software Composition Analysis' tagline (uppercase, letter-spaced, muted-foreground = AA). Featured on the auth gateway (AuthLayout) above the card; the top bar drops its redundant brand and keeps only the language toggle. The 48 px sidebar keeps the compact mark + wordmark (no room for a tagline). - brand-trusca.md: palette/wordmark/tagline/lockup updated. Gates: typecheck, vitest 1,249, lint 0 errors, i18n, build all green.
haksungjang
changed the title
Swaps the lockup tagline from the generic 'Software Composition Analysis' to 'TrustedOSS SCA' — it states the brand relationship (TRUSCA is the SCA tool of the TrustedOSS initiative) and carries the SCA emphasis the user wanted. Not uppercased: the umbrella name 'TrustedOSS' keeps its camel casing (uppercasing would render 'TRUSTEDOSS'). Muted-foreground, AA.
haksungjang
added a commit
that referenced
this pull request
Jun 13, 2026
* brand(trusca): logo option E (dark slate tile + teal check) + visible surfaces The bright-teal gradient tile (#401) read tacky; the original flat black read 'too black'. Option E threads both: a dark-slate (#0f172a) tile with a teal (#2dd4bf) check accent and an ink wordmark — clean dark base, one teal pop. - BrandMark + all logo SVGs (frontend favicon, docs logo + favicon): flat #0f172a tile, paper hexagon, teal check (gradient/useId removed). - BrandWordmark: teal -> ink (inherits foreground); colour now lives in the mark's teal check, keeping the lockup clean. - Visible brand surfaces (user-selected scope): - docs-site/static/img/social-card.png (OG, 1200x630) regenerated with the E lockup + descriptor. - docs-site/static/img/logo.png NEW (256x256 mark raster) — serves the Helm chart icon and the README header. - charts/trustedoss/Chart.yaml icon URL fixed: it pointed at a non-existent path (docs/static/.../logo.png); now docs-site/static/img/logo.png. - README.md gains a centered header logo. - brand-trusca.md palette/logo section updated to E. Out of scope (chosen): report/email/Slack/Teams/PR-badge logos, apple-touch/ PWA, Action branding. Gates: typecheck, vitest 1,249, lint 0 errors, i18n, build green; login lockup + social card verified visually. * brand(trusca): complete favicon set (.ico + apple-touch) for the E logo The favicon was SVG-only, which falls back to a generic icon on older Safari / Windows / some embeds and gives no iOS home-screen icon. Adds a full set generated from the E mark: - apps/frontend/public/favicon.ico (16/32/48 multi-size, ImageMagick) - apps/frontend/public/apple-touch-icon.png (180x180, full-bleed #0f172a so iOS rounds it cleanly — no transparent corners) - index.html: .ico (legacy) + svg (modern) + apple-touch links + theme-color #0f172a Docs site keeps favicon.svg (desktop-served). favicon.svg unchanged (already the E mark).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
TRUSCA 로고를 단색 near-black 타일(너무 검음) → BomLens 수준의 완성도로 다듬는다. 사용자 선택: 옵션 1(틸 그라데이션) + 태그라인 "Software Composition Analysis".
#2dd4bf → #0f766e(대각). 육각+체크는 paper(#fafafa).BrandMark(per-instance gradient id) + 자산 3곳(frontend favicon, docs logo·favicon).TRU+SCA)는 싸구려로 읽혀 폐기 — SCA 강조는 태그라인이 담당.BrandLockup= 마크 + 워드마크 + "SOFTWARE COMPOSITION ANALYSIS"(uppercase·자간 넓게·muted, AA 통과). 로그인 게이트웨이(AuthLayout) 카드 위에 노출, 상단 바는 중복 브랜드 제거하고 언어 토글만. 48px 사이드바는 축약 락업(마크+워드마크, 태그라인 생략).brand-trusca.md팔레트/워드마크/태그라인/락업 갱신.Gates
시각 회귀(login.png 등) 베이스라인은 로고 변경으로 nightly에서 diff가 날 수 있음 — 의도된 것.